<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>HTML常用标签</title>
	</head>

	<body>
		
		<p>
			<a href="#d6">查看本文档第六部分</a>
		</p>
		<h4>一个有序列表：</h4>
		<ol type="i">
			<li>咖啡</li>
			<li>茶</li>
			<li>牛奶</li>
		</ol>
		<hr />
		<h4>一个嵌套列表：</h4>
		<ul type="square">
			<li>咖啡</li>
			<li>茶
				<ul>
					<li>红茶</li>
					<li>绿茶
						<ul>
							<li>中国茶</li>
							<li>非洲茶</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>牛奶</li>
		</ul>
		<hr />
		<h2>img控件</h2>
		<div align="center" valign="center" style="height: 400px;width: 300px; border-width:1px;border-style:dotted">
			<img src="http://pic6.huitu.com/res/20130116/84481_20130116142820494200_1.jpg" height="360px" width="260px" style="margin-top: 20px;" />

		</div>
		<div align="center" valign="center" style="height: 400px;width: 300px; border-width:1px;border-style:dotted;margin-top: 5px;">
			<img src="imgs/bg.jpg" height="360px" width="260px" style="margin-top: 20px;" />

		</div>
		<hr />
		<h2>超链接标签</h2>
		<a href="index_demo.html">点击这里跳转到index_demo页面</a><br/>
		<a href="https://www.baidu.com" target="_blank">
			<img src="http://pic6.huitu.com/res/20130116/84481_20130116142820494200_1.jpg" height="30px" width="20px" style="margin-top: 20px;" />

		</a>
		<a href="mailto:testmail@sohu.com?subject=test%20mail">发送测试邮件</a>

		
		<h2>第一部分</h2>
		<p>这是第一部分的内容！</p>
		<h2>第二部分</h2>
		<p>这是第二部分的内容！</p>
		<h2>第三部分</h2>
		<p>这是第三部分的内容！</p>
		<h2>第四部分</h2>
		<p>这是第四部分的内容！</p>
		<h2>第五部分</h2>
		<p>这是第五部分的内容！</p>
		<h2><a name="d6">第六部分</a></h2>
		<p>这是第六部分的内容！</p>
		<h2>第七部分</h2>
		<p>这是第七部分的内容！</p>
		<h2>第八部分</h2>
		<p>这是第八部分的内容！</p>
		<h2>第九部分</h2>
		<p>这是第九部分的内容！</p>
		<h2>第十部分</h2>
		<p>这是第十部分的内容！</p>
	</body>

</html>